import { createApp } from 'vue';

import App from './App.vue';
import router from './router';
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import ECharts from 'vue-echarts'
import { use } from "echarts/core"
import ArcoVue from '@arco-design/web-vue';
import '@arco-design/web-vue/dist/arco.css';
import VueParticles from 'vue-particles'
import * as echarts from 'echarts'
import store from './store'
import ArcoVueIcon from '@arco-design/web-vue/es/icon';

import {
    CanvasRenderer
} from 'echarts/renderers'
import {
    BarChart
} from 'echarts/charts'
import {
    GridComponent,
    TooltipComponent
} from 'echarts/components'
use([
    CanvasRenderer,
    BarChart,
    GridComponent,
    TooltipComponent
])



const app = createApp(App); // 创建实例
app.use(store)
app.component('v-chart', ECharts)
app.use(router);
app.use(ElementPlus)
app.use(ArcoVue);
app.use(VueParticles)
app.use( store )
app.use(ArcoVueIcon);
app.config.globalProperties.$echarts = echarts
app.mount('#app');
